<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <!-- 全屏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 上方栏显示 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 不自动识别号码 -->
    <meta name="format-detection" content="telephone=no">
    <!-- Include js plugin -->
    <title>订单-直播课</title>
    <link rel="stylesheet" href="skin/css/layout.css">
    <link rel="stylesheet" href="skin/css/demos.css">
	<script src="skin/js/jquery-2.1.4.js"></script>
	<script src="skin/js/demos.js"></script>
</head>
<body>
<header class="brB">
	<div class="h_top">
    	<div class="hLeft"><a href="javascript:;" class="icoH icoReturn mt20"></a></div>
    	<div class="hCenter"><span class="tit c-3ac9af">订单</span></div>
    	<div class="hRight"><a href="javascript:;" class="icoH ico_seacrh mt20"></a></div>
    </div>
</header>
<div class="warp">
	<div class="b-FFFFFF ptb20 brB">
    	<div style="padding:0 10%;">
            <div class="layout-box kechen_tab tac u3">
                <a class="box-col" href="javascript:;">视频课订单</a>
                <a class="box-col curr" href="javascript:;">直播课订单</a>
                <a class="box-col" href="javascript:;">面授课订单</a>
            </div>
        </div>
    </div>
    <div class="fix public-tab mt20">
    	<div class="mt b-FFFFFF layout-box tac LH80 oh brB">
        	<div class="sp box-col"><span>全部</span></div>
        	<div class="sp box-col"><span>待付款</span></div>
        	<div class="sp box-col"><span>已完成</span></div>
        	<div class="sp box-col"><span>待评价</span></div>
        </div>
        <div class="mc LH80">
        	<div class="tabItem">
            	<ul class="mt20 b-FFFFFF plr20">
                	<li class="brB">订单编号  17020670087717<span class="r c-999999">已完成</span></li>
                    <li class="brB ptb20">
                        <div class="layout-box">
                            <div class="ith_img2">
                                <span class="mr20" style="height:5rem; width:5rem; background-image:url(skin/temp/340190_001.png)"></span>
                            </div>
                            <div class="box-col LH40">
                                <div class="fs26 oh h40">财务主管财务核心管理技能</div>
                                <div class="fs24 c-666666 mt20">主讲老师：程思怀</div>
                                <div class="fs24 c-999999">开播时间：2017-3-24  09:30</div>
                                <div class="fs26 mt20"><span class="c-fa3838">¥159</span><span class="fs22 c-999999 r">&times;1</span></div>
                            </div>
                        </div>
                    </li>
                	<li class="tar ptb20 LH60"><a class="w140 u3 btn-3ac9af" href="#">详情</a></li>
                </ul>
            	<ul class="mt20 b-FFFFFF plr20">
                	<li class="brB">订单编号  17020670087717<span class="r c-FF0000">待付款</span></li>
                    <li class="brB ptb20">
                        <div class="layout-box">
                            <div class="ith_img2">
                                <span class="mr20" style="height:5rem; width:5rem; background-image:url(skin/temp/340190_001.png)"></span>
                            </div>
                            <div class="box-col LH40">
                                <div class="fs26 oh h40">财务主管财务核心管理技能</div>
                                <div class="fs24 c-666666 mt20">主讲老师：程思怀</div>
                                <div class="fs24 c-999999">开播时间：2017-3-24  09:30</div>
                                <div class="fs26 mt20"><span class="c-fa3838">¥159</span><span class="fs22 c-999999 r">&times;1</span></div>
                            </div>
                        </div>
                    </li>
                	<li class="tar ptb20 LH60"><a class="w140 u3 btn-ebebeb" href="#">取消订单</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="w140 u3 btn-3ac9af" href="#">付款</a></li>
                </ul>
            
            </div>
        	<div class="tabItem" id="notice">0
            </div>
        	<div class="tabItem" id="comment">0
            </div>
        	<div class="tabItem" id="comment">0
            </div>
        </div>
    </div>
    
</div>
</body>
</html>